<template>
	<view class="applyFor">
		<image src="/static/applyFor/img.png" class="img" mode=""></image>
		<view class="agreement">
			<view class="option" v-if="!isOption"></view>
			<!-- <image src="/static/register/select.png" class="select" v-else mode=""></image> -->
			阅读并同意
			<view class="text">《用户协议》</view>
		</view>
		<view class="btn">
			申请校友卡
		</view>
	</view>
</template>

<script>
</script>

<style lang="scss">
	.applyFor {
		width: 100vw;
		height: calc(100vh - 88rpx);
		padding: 20rpx;
		box-sizing: border-box;

		.img {
			width: 100%;
			height: 420rpx;
		}

		.agreement {
			display: flex;
			align-items: center;
			margin-top: 60rpx;
			font-size: 20rpx;
			color: #9E9E9E;
			margin-bottom: 20rpx;

			.option {
				width: 24rpx;
				height: 24rpx;
				border: 1rpx solid #e5e5e5;
				border-radius: 50%;
				margin-right: 12rpx;
			}

			.text {
				color: #275BA8;
			}
		}

		.btn {
			width: 100%;
			height: 80rpx;
			line-height: 80rpx;
			text-align: center;
			background: url('/static/applyFor/btn.png');
			background-size: 100% 100%;
			font-size: 32rpx;
			color: #FFFFFF;
		}
	}
</style>